<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %>
<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
<!--<![endif]-->
<head>
<%
	String path = request.getContextPath();    
	//获得本项目的地址   
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";    
	//将 "项目路径basePath" 放入pageContext中，待以后用EL表达式读出。    
	pageContext.setAttribute("basePath",basePath);  
%>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>${title}</title>
<link href="${basePath}page/meeting/boilerplate.css" rel="stylesheet" type="text/css">
<link href="${basePath}page/meeting/meeting.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="${basePath}jslib/easyui/jquery.min.js?v1.10.2" charset="utf-8"></script>


<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- <script type="text/javascript" src="easyui/jquery.min.js?v1.10.2" charset="utf-8"></script>-->
<script src="${basePath}page/meeting/meeting.js"></script>
<script src="${basePath}page/meeting/respond.min.js"></script>
</head>
<body>
<input id="meetingId" value="${meetingId}" style="display: none;" />
<audio id="welcomeAudio">
	<source src="${basePath}page/meeting/gei.wav" type="audio/wav"/>
</audio>
<div id="meetingName" style="position: absolute; z-index: 1; right: 5%; top: 10%; width: 60%; text-align: center; font-family: 楷体; "><span style="font-size: 500%;  text-shadow:5px 5px 5px #222222; color: #FFF;">${title}</span><br/><span style="font-size: 250%">${address}</span></div>
<div class="gridContainer clearfix">
  <div id="formbackground" style="position:absolute; z-index:-1; opacity: 1;"><img src="${bgUrl}" height="100%" width="100%"/></div>
  <script type="text/javascript">
	  $(function(){
		  $('#formbackground').height($(window).height());
		  $('#formbackground').width($(window).width());
	  });
  </script>
  <div style="margin:0 auto; width: 700px; height:420px; margin-top: 300px; margin-left:auto; margin-right:auto;"
   id="imgFigures">
  	<!--<figure id="imgFigureTest1">
  		<img src="ps.jpg" width="60" height="80"/>
        <figcaption>
            å¢å®å¯
        </figcaption>
  	</figure>
  	<figure id="imgFigureTest2">
  		<img src="IMAG0059.jpg" width="60" height="80"/>
        <figcaption>
            é»ææ­¦
        </figcaption>
 	</figure>-->
  </div>
  <div style="width:250px; height:250px; position:absolute; left:20px; bottom:20px;">
  	<img src="${QRCodesUrl}" height="100%" width="100%"/>
  </div>
 
</div>
</body>
</html>
